<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>ajaxJs</title>
        <script src="../style/js/jquery.js"></script>
        <script src="../style/js/bt.dwz.js"></script>
    </head>
<script>
    function a(str) {
        alert("接收:" + str);
    }
    function b(str) {
        alert("发送"+str);
    }
</script>
<body layerchildren="children">
    <div class="span12">
        <form id="myForm3"  class="form-inline bs-docs-example" actionTo="#table1" beforeSubmit="b(resque)" dataType="script" callback="a(respon);" action="test.js" method="post">
            <input type="text" name="name" placeholder="姓名 " value="">
            <input type="text" name="age" placeholder="年龄 ">
            <label>
                性别:
            </label>
            <select name="sex">
                <option value="1">男</option>
                <option value="2">女</option>
                <option value="0">性别不明</option>
            </select>
            <input type="text" name="job" placeholder="职业 ">
			<button type="submit"  class="btn">查询</button>
        </form>
    <div class="widget-box">
		<div class="widget-title">
			<h5>人员表</h5>
		</div>
		<div class="widget-content nopadding">
			<div role="grid" class="dataTables_wrapper" ><div class=""></div>
                <table class="table table-bordered data-table dataTable" id="table1">
					<thead>
						<tr role="row">
                            <th act="name">姓名</th>
                            <th act="age">年龄</th>
                            <th act="sex">性别</th>
                            <th act="job">职业</th>
                            <th act="job">按钮</th>
                        </tr>
					</thead>
									
				<tbody>
                    <tr class="gradeA odd">
						<td class="sorting_1" layerchildren="click2get" name="姓名" value="Gecko">双击我</td>
						<td class=" " layerchildren="click2get" name="年龄" value="Firefox1.0">Firefox 1.0</td>
						<td class=" ">Win 98+ / OSX.2+</td>
						<td class="center ">1.7</td>
                        <td><button layerchildren="clickget" name="查找带回1" class="btn btn-info" value="helwe1">查找带回</button></td>
					</tr><tr class="gradeA even">
						<td class="  sorting_1">Gecko</td>
						<td class=" ">Firefox 1.5</td>
						<td class=" ">Win 98+ / OSX.2+</td>
						<td class="center ">1.8</td>
                        <td><button layerchildren="clickget" name="查找带回2" class="btn btn-err" value="helwe2">查找带回</button></td>
					</tr><tr class="gradeA odd">
						<td class="  sorting_1">Gecko</td>
						<td class=" ">Firefox 2.0</td>
						<td class=" ">Win 98+ / OSX.2+</td>
						<td class="center ">1.8</td>
                        <td><button layerchildren="clickget" name="查找带回3" class="btn btn-success" value="helwe3">查找带回</button></td>
					</tr><tr class="gradeA even">
						<td class="  sorting_1">Gecko</td>
						<td class=" ">Firefox 3.0</td>
						<td class=" ">Win 2k+ / OSX.3+</td>
						<td class="center ">1.9</td>
                        <td><button layerchildren="clickget" name="查找带回4" class="btn btn-info" value="helwe4">查找带回</button></td>
					</tr>
                    <!--layerchildren:子层的返回属性,clickget单击,click2get双击；name:要带回的name值;value:要带回的value值-->
                </tbody>
                </table>
                <div class="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix">
                    <div class="dataTables_filter">
                        <!--<label>Search: <input type="text"></label>-->
                        <label>分页: <select name="page">
                            <option value="20">20</option>
                            <option value="50">50</option>
                            <option value="100">100</option></select>
                        </label>
                    </div>
                    <div class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers" >
                        <a class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default ui-state-disabled" >第一页</a>
                        <a class="previous fg-button ui-button ui-state-default ui-state-disabled">上一页</a>
                        <span>
                            <a class="fg-button ui-button ui-state-default ui-state-disabled">1</a>
                            <a class="fg-button ui-button ui-state-default" >2</a>
                            <a class="fg-button ui-button ui-state-default">3</a>
                            <a class="fg-button ui-button ui-state-default" >4</a>
                            <a class="fg-button ui-button ui-state-default" >5</a>
                        </span>
                        <a class="next fg-button ui-button ui-state-default"  >下一页</a>
                        <a class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default" >最后一页</a>
                    </div>
                </div></div>  
		</div>
	</div>
    </div>
</body>

</html>
